<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>俺的京东</title>
    <link rel="shortcut icon" href="favicon.ico"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<!--shortcut开始-->
<div class="shortcut">
    <div class="w">
        <div class="shortcut-left">
            送至：北京
            <i><s>◇</s></i>
        </div>
        <div class="shortcut-right">
            <ul>
                <li><a href="#">你好，请登录</a>&nbsp;&nbsp;
                    <a href="#" class="col-red">免费注册</a></li>
                <li class="line"></li>
                <!--ctrl+alt+t 加文字加环绕标签-->
                <li><a href="#">我的订单</a></li>
                <li class="line"></li>
                <li class="fore"><a href="#">我的京东</a>
                    <i><s>◇</s></i>
                </li>
                <li class="line"></li>
                <li><a href="#">京东会员</a></li>
                <li class="line"></li>
                <li><a href="#">企业采购</a></li>
                <li class="line"></li>
                <li class="fore jd-tel"><a href="#">
                    <em class="tel"></em>
                    手机京东</a>
                    <i><s>◇</s></i>
                </li>
                <li class="line"></li>
                <li class="fore">关注京东<i><s>◇</s></i></li>
                <li class="line"></li>
                <li class="fore">客户服务<i><s>◇</s></i></li>
                <li class="line"></li>
                <li class="fore">网站导航<i><s>◇</s></i></li>
            </ul>
        </div>
    </div>
</div>
<!--shortcut通栏结束-->
<!--topBanner开始-->
<div class="topBanner">
    <div class="w topBanner-tp">
        <a href="#"><img src="images/topBanner.jpg" alt=""/></a>
        <span class="closeBanner"></span>
    </div>
</div>
<!--topBanner结束-->

<!--logo部分开始-->
<div class="w clearfix">
    <div class="logo">
        <a href="http://www.jd.com">京东</a>
    </div>
    <div class="search">
        <input type="text" value="路由器"/>
        <button>搜索</button>
    </div>
    <div class="car">
        <a href="#">我的购物车</a>
        <!--span.icon$*3-->
        <span class="icon1"></span>
        <span class="icon2">></span>
        <span class="icon3">8</span>
    </div>
    <div class="hotWords">
        <!--a[href=#]*9-->
        <a href="#" class="col-red">低至1折</a>
        <a href="#">数码11.11</a>
        <a href="#">跨店3免1</a>
        <a href="#">品质家电</a>
        <a href="#">京东超市</a>
        <a href="#">耐克</a>
        <a href="#">钢笔</a>
        <a href="#">低至9.9元</a>
        <a href="#">热水器</a>
    </div>
</div>
<!--logo部分结束-->

<!--中间nav部分开始-->
<div class="nav">
    <div class="w">
        <div class="nav-dropdown">
            <div class="nav-dropdown-all">
                <h2><a href="#">全部商品分类</a></h2>
            </div>
            <div class="nav-dropdown-detail">
                <div class="ndd-items">
                    <h3><a href="#">家用电器</a></h3>
                    <span>></span>
                </div>
                <div class="ndd-items">
                    <h3><a href="#">手机、数码、京东通信</a></h3>
                    <span>></span>
                </div>
                <div class="ndd-items">
                    <h3><a href="#">家用电器</a></h3>
                    <span>></span>
                </div>
                <div class="ndd-items">
                    <h3><a href="#">手机、数码、京东通信</a></h3>
                    <span>></span>
                </div>
                <div class="ndd-items">
                    <h3><a href="#">家用电器</a></h3>
                    <span>></span>
                </div>
                <div class="ndd-items">
                    <h3><a href="#">手机、数码、京东通信</a></h3>
                    <span>></span>
                </div>
                <div class="ndd-items">
                    <h3><a href="#">家用电器</a></h3>
                    <span>></span>
                </div>
                <div class="ndd-items">
                    <h3><a href="#">手机、数码、京东通信</a></h3>
                    <span>></span>
                </div>
                <div class="ndd-items">
                    <h3><a href="#">家用电器</a></h3>
                    <span>></span>
                </div>
                <div class="ndd-items">
                    <h3><a href="#">手机、数码、京东通信</a></h3>
                    <span>></span>
                </div>
                <div class="ndd-items">
                    <h3><a href="#">家用电器</a></h3>
                    <span>></span>
                </div>
                <div class="ndd-items">
                    <h3><a href="#">手机、数码、京东通信</a></h3>
                    <span>></span>
                </div>
                <div class="ndd-items">
                    <h3><a href="#">家用电器</a></h3>
                    <span>></span>
                </div>
                <div class="ndd-items">
                    <h3><a href="#">手机、数码、京东通信</a></h3>
                    <span>></span>
                </div>
                <div class="ndd-items">
                    <h3><a href="#">手机、数码、京东通信</a></h3>
                    <span>></span>
                </div>
            </div>
        </div>
        <div class="nav-items">
            <!--ul>li*9>a[href=#]-->
            <ul>
                <li><a href="#">服装城</a></li>
                <li><a href="#">美装馆</a></li>
                <li><a href="#">超市</a></li>
                <li><a href="#">生鲜</a></li>
                <li><a href="#">全球购</a></li>
                <li><a href="#">闪购</a></li>
                <li><a href="#">团购</a></li>
                <li><a href="#">拍卖</a></li>
                <li><a href="#">金融</a></li>
            </ul>
        </div>
    </div>
</div>
<!--中间nav部分结束-->

<!--banner470部分开始-->
<div class="banner470">
    <a href="#"></a>
</div>
<!--banner470部分结束-->

<!--main部分开始-->
<div class="w main clearfix">
    <div class="main-left">
        <a href="#"><img src="images/yuanyuan2.jpg" alt=""/></a>
        <div class="arrow">
            <span class="arrow-left"><</span>
            <span class="arrow-right">></span>
        </div>
        <div class="main-left-circle">
            <!--ul>li{$}*6-->
            <ul>
                <li>1</li>
                <li class="current">2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
            </ul>
        </div>
    </div>
    <div class="main-right">
        <div class="main-right-top">
            <div class="mrt-news">
                <div class="mrtn-top">
                    <h3>京东快报</h3>
                    <a href="#">更多 ></a>
                </div>
                <div class="mrtn-bottom">
                    <ul>
                        <li ><a href="#" class="col-red"><span>[618]</span>奶爸黄磊推荐：惠氏爆品直降</a></li>
                        <li><a href="#"><span>[公告]</span>京东帮突破1500家 家电送到村</a></li>
                        <li><a href="#"><span>[特惠]</span>618超级品类日 快抢！</a></li>
                        <li><a href="#"><span>[公告]</span>京东发布“陪伴计划”</a></li>
                        <li><a href="#"><span>[公告]</span>66购车节 上汽荣威低至66折</a></li>
                    </ul>
                </div>
            </div>
            <div class="mrt-live" >
                <!--ul>li*12>a[href=#]{话费}-->
                <ul>
                    <li><a href="#"><i></i>话费</a></li>
                    <li><a href="#"><i></i>话费</a></li>
                    <li><a href="#"><i></i>话费</a></li>
                    <li><a href="#"><i></i>话费</a></li>
                    <li><a href="#"><i></i>话费</a></li>
                    <li><a href="#"><i></i>话费</a></li>
                    <li><a href="#"><i></i>话费</a></li>
                    <li><a href="#"><i></i>话费</a></li>
                    <li><a href="#"><i></i>话费</a></li>
                    <li><a href="#"><i></i>话费</a></li>
                    <li><a href="#"><i></i>话费</a></li>
                    <li><a href="#"><i></i>话费</a></li>
                </ul>
            </div>
        </div>
        <div class="main-right-bottom">
            <a href="#"><img src="images/sport.jpg" alt=""/></a>
        </div>
    </div>
</div>
<!--main部分结束-->

<!--brand品牌部分开始-->
<div class="w brand">
    <div class="brand-left">
        <a href="#"><img src="images/april.jpg" alt=""/></a>
    </div>
    <div class="brand-right">
        <!--ul>li*4>a[href=#]>img[src=images/]-->
        <ul>
            <li><a href="#"><img src="images/activity1.jpg" alt=""/></a></li>
            <li><a href="#"><img src="images/activity2.jpg" alt=""/></a></li>
            <li><a href="#"><img src="images/activity3.jpg" alt=""/></a></li>
            <li><a href="#"><img src="images/activity4.jpg" alt=""/></a></li>
        </ul>
        <div class="arrow">
            <span class="arrow-left"><</span>
            <span class="arrow-right">></span>
        </div>
    </div>
</div>
<!--brand品牌部分结束-->
<!--footer部分开始-->
<div class="footer">
    <div class="footer-top">
        <div class="footer-top-slogan">
            <span class="slogan1"><img src="images/slogen1.png" alt=""/></span>
            <span class="slogan2"><img src="images/slogen2.png" alt=""/></span>
            <span class="slogan3"><img src="images/slogen3.png" alt=""/></span>
            <span class="slogan4"><img src="images/slogen4.png" alt=""/></span>
        </div>
        <div class="w footer-top-product clearfix">
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <div class="coverage">
                <h2>京东自营覆盖区县</h2>

                <p>京东已向全国2654个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>

                <p class="fr"><a href="#">查看详情 ></a></p>
            </div>
        </div>
    </div>
    <div class="w footer-bottom">
        <div class="footer-bottom-links">
            <a href="#">关于我们</a>|
            <a href="#">联系我们</a>|
            <a href="#">商家入驻</a>|
            <a href="#">营销中心</a>|
            <a href="#">手机京东</a>|
            <a href="#">友情链接</a>|
            <a href="#">销售联盟</a>|
            <a href="#">京东社区</a>|
            <a href="#">京东公益</a>|
            <a href="#">English Site</a>|
            <a href="#">Contact Us</a>
        </div>
        <div class="footer-bottom-copyright">
            <p><a href="#"><img src="images/guohui.png" alt=""/></a>京公网安备 11000002000088号&nbsp;&nbsp;|&nbsp;&nbsp;京ICP证070359号&nbsp;&nbsp;|&nbsp;&nbsp;互联网药品信息服务资格证编号(京)-经营性-2014-0008&nbsp;&nbsp;|&nbsp;&nbsp;新出发京零
                字第大120007号<br/>
                互联网出版许可证编号新出网证(京)字150号&nbsp;&nbsp;|&nbsp;&nbsp;出版物经营许可证&nbsp;&nbsp;|&nbsp;&nbsp;网络文化经营许可证京网文[2014]2148-348号&nbsp;|&nbsp;违法和不良信息举报电话：4006561155<br/>
                Copyright © 2004 - 2016 京东JD.com 版权所有&nbsp;&nbsp;|&nbsp;&nbsp;消费者维权热线：4006067733<br/>
                京东旗下网站：<a href="#">京东钱包</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">京东云</a></p>
        </div>
        <div class="footer-bottom-message">
            <a href="#"><img src="images/copyright.png" alt=""/></a>
            <a href="#"><img src="images/copyright.png" alt=""/></a>
            <a href="#"><img src="images/copyright.png" alt=""/></a>
            <a href="#"><img src="images/copyright.png" alt=""/></a>
            <a href="#"><img src="images/copyright.png" alt=""/></a>
        </div>
    </div>
</div>
<!--footer部分结束-->
</body>
</html>